Motivation

• On small screens the hero slider navigation buttons overlay the hero image and reduce content readability, so the nav buttons need to be moved out of the image area and given contrast for accessibility.

Description

• Update views/css/everblock.css to add mobile-specific rules under @media (max-width: 768px) that reposition .heroe-nav to the bottom (bottom: 16px), remove the vertical translate, add a semi-opaque white background and box-shadow for contrast, and place .heroe-prev at left: 16px and .heroe-next at right: 16px so controls no longer sit on top of the image.

Testing

• No automated tests were executed for this visual/CSS change.

Codex Task